!!! 5
%html
  %head
    %meta{:charset=>"UTF-8"}/
    %title
      记忆游戏
    %style{:type=>"text/css"}
      -# 这里写CSS，注意转义符
      \.content {text-align:center;
      border: solid 1px;}
      span.word {color:white;}
      span.word:hover {color:black;}
      \#abstract {color:grey;}

      span.red:hover {color:red;}
      span.blue:hover {color:blue;}

  %body
    %h1
      记忆游戏
    %h2 记忆游戏1
    #abstract
      记住鼠标滑过的每个字词
    %br/
    / 输入要记忆的文字，加上span标签
    .content
      %span.word 你好
      %span.word 之江
      %span.word 我
      %span.word 爱
      %span.word 你
      %br/
      %span.word 早湖
      %span.word 和
      %span.word 梦湖
      %span.word 是
      %span.word 你
      %span.word 的
      %span.word 双眼
      %br/

    %h2 记忆游戏2
    #abstract
      记住鼠标滑过的每个
      %em 蓝色
      字词，忽略
      %em 红色
      字词
    %br/
    / 输入要记忆的文字，加上span标签
    .content
      %span.red.word 你好
      %span.blue.word 之江
      %span.red.word 我
      %span.blue.word 爱
      %span.red.word 你
      %br/
      %span.blue.word 早湖
      %span.red.word 和
      %span.blue.word 梦湖
      %span.red.word 是
      %span.blue.word 你
      %span.red.word 的
      %span.blue.word 双眼
      %br/
